body { margin:0 auto; padding:0; font-size:12px; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; color:#333; min-width:1200px; background:#fafafa;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
h1,h3,h3,h4 { font-size:14px;}
.clear { clear:both;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#b7262c;}
img { border:0;}
ul li { list-style:none;}
.warp { width:1200px; margin:0 auto;} 
#VCode { cursor:pointer;}
input[type=button],input[type=submit],input[type=file],button { cursor:pointer; -webkit-appearance:none;}
textarea { -webkit-appearance:none;}
::-webkit-input-placeholder { color:#333;} 
:-moz-placeholder { color:#333;} 
::-moz-placeholder { color:#333;}
:-ms-input-placeholder { color:#333;} 

@font-face { 
	font-family:'FontAwesome'; 
		    src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 
	        src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); 
	font-weight:normal; 
	 font-style:normal; 
}
.icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*top*/
.header { width:100%; height:90px; margin:0 auto; background:rgba(255,255,255,0.15); position:fixed; left:0; top:0; z-index:99999999;}
.header .logo { float:left; max-width:440px; height:60px; margin-top:15px;}
.header .logo img { display:block; height:100%;}
.headerFix { background:#329cf2; _position:absolute; top:expression((offsetParent.scrollTop)+0);}

/*导航*/
.header .nav { float:left; margin-left:70px; position:relative; z-index:2;}
.header .nav li { float:left; text-align:center; position:relative;}
.header .nav li::after { display:block; content:""; width:1px; height:10px; margin:auto; background:rgba(255,255,255,0.5); position:absolute; left:-2px; top:42px;}
.header .nav li:first-child::after { display:none;}
.header .nav li a { display:block; height:90px; line-height:90px; padding:0 30px; font-weight:bold; font-size:14px; color:#fff;}
.header .nav li:hover a,.header .nav .on a { color:#fff;}
.header .nav li:hover ul { display:block;}
.header .nav li ul { display:none; width:110%; border-radius:0 0 8px 8px; overflow:hidden; background:#329cf2; position:absolute; top:90px; left:-5%;}
.header .nav li li { float:none; border-bottom:1px solid #2792e8;}
.header .nav li li:last-child { border-bottom:none;}
.header .nav li:hover li a { height:40px; line-height:40px; font-weight:500; font-size:12px; padding:0;}
.header .nav li:hover li:hover { background:#2792e8;}
.header .nav li:hover li:hover a { color:#fff;}

/*右侧*/
.header .rgt { float:right; width:135px;}
.header .rgt .search { float:left; width:45px; height:90px; position:relative; overflow:hidden;}
.header .rgt .search i { display:block; width:100%; height:90px; background:url(../images/sz_01.png) no-repeat center center;}
.header .rgt .search form { display:block; width:260px; height:50px; overflow:hidden; filter:alpha(opacity=0); opacity:0; box-shadow:0 2px 5px rgba(0,0,0,0.1); position:absolute; right:0; top:90px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.header .rgt .search input { float:left; width:160px; line-height:50px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;}
.header .rgt .search .btn { width:80px; color:#fff; background:#de0505;}
.header .rgt .search.on { overflow:inherit;}
.header .rgt .search.on form { filter:alpha(opacity=100); opacity:1;}
.header .rgt li { float:left; width:45px; height:90px; text-align:center; background-position:center center; background-repeat:no-repeat;}
.header .rgt li a { display:block; width:100%;}
.header .rgt .eml { background-image:url(../images/sz_02.png);}
.header .rgt .oa { background-image:url(../images/sz_03.png);}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.banner img { display:block; width:100%;}
.banner .swiper-pagination-bullet { width:12px; height:12px; margin:0 5px !important; border-radius:8px; opacity:1; background:#329cf2; -webkit-transition:0.4s; transition:0.4s;}
.banner .swiper-pagination-bullet-active { background:#d72334;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom:70px;}
.banner .warp { height:220px; margin:auto; position:absolute; top:30%; right:0; left:0; z-index:2;}
.banner .text { width:600px; color:#fff; text-transform:Uppercase;}
.banner .text h1 { font-family:"宋体"; font-size:60px; line-height:75px; letter-spacing:2px;}
.banner .text p { font-size:26px; line-height:50px;}
.banner .text a { display:block; width:180px; height:55px; line-height:55px; font-size:18px; color:#fff; text-align:center; letter-spacing:2px; margin-top:40px; border-radius:6px; background:#d82334; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.banner .text .bs { border-color:#de0505; background:#de0505;}
.banner .text a:hover { border-color:#c10202; background:#c10202;}
.banner .swiper-slide-active .text h1 { -webkit-animation:fade-down 2.5s forwards; animation:fade-down 2.5s forwards;}
.banner .swiper-slide-active .text p { -webkit-animation:fade-left 2.5s forwards; animation:fade-left 2.5s forwards;}
.banner .swiper-slide-active .text a { -webkit-animation:fade-up 2.5s forwards; animation:fade-up 2.5s forwards;}
.banner .swiper-slide-active img { -webkit-animation:fade-img 3.5s forwards; animation:fade-img 3.5s forwards;}

.banner_ej { width:100%; height:600px; margin:0 auto; overflow:hidden;}
.banner_ej img { display:block; height:100%; -webkit-animation:fade-img 5.5s forwards; animation:fade-img 5.5s forwards;}
.banner_ej .msg { width:100%; height:200px; text-align:center; margin:auto; position:absolute; top:20%; right:0; left:0; z-index:9;}
.banner_ej .msg h3 { line-height:80px; font-size:45px; color:rgba(255,255,255,0.6); text-transform:Uppercase;}
.banner_ej .msg h1 { line-height:60px; font-size:40px; color:#fff; padding-bottom:25px; margin-bottom:15px; letter-spacing:4px; position:relative;}
.banner_ej .msg h1::after { display:block; content:""; width:55px; height:3px; margin:auto; background:#fff; position:absolute; left:0; right:0; bottom:0px;}
.banner_ej .msg p { line-height:30px; font-size:20px; color:#fff; letter-spacing:2px;}

@-webkit-keyframes fade-left { 
	from { -webkit-transform:translate(300px,0); -ms-transform:translate(300px,0); transform:translate(300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-left { 
	from { -webkit-transform:translate(300px,0); -ms-transform:translate(300px,0); transform:translate(300px,0);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-up { 
	from { -webkit-transform:translate(0,150px); -ms-transform:translate(0,150px); transform:translate(0,150px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-up { 
	from { -webkit-transform:translate(0,150px); -ms-transform:translate(0,200px); transform:translate(0,150px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-down { 
	from { -webkit-transform:translate(0,-100px); -ms-transform:translate(0,-100px); transform:translate(0,-100px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@keyframes fade-down { 
	from { -webkit-transform:translate(0,-100px); -ms-transform:translate(0,-100px); transform:translate(0,-100px);}
	to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);}
}
@-webkit-keyframes fade-img { 
	from { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
	to { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0);}
}
@keyframes fade-img { 
	from { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
	to { -webkit-transform:scale(1.0); -ms-transform:scale(1.0); transform:scale(1.0);}
}

/*脚部*/
.footer { width:100%; text-align:center; padding:20px 0 10px 0; border-top:30px solid #0e121b; background:#232937;}
.footer .fotlogo { width:440px; height:60px; margin:30px auto 0 auto; overflow:hidden;}
.footer .fotlogo img { display:block; width:100%;}
.footer .msg { width:100%; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #3a4151;}
.footer .msg .lft { float:left; width:55%; margin-top:80px;}
.footer .msg .lft a { display:inline-block; font-size:14px; color:#c1c9da; margin:0 25px;}
.footer .msg .tags { float:left; width:235px; margin-top:75px; position:relative;}
.footer .msg .tags h3 { height:30px; line-height:30px; font-weight:500; font-size:15px; color:#c1c9da; text-align:right; padding-right:40px; border:1px solid #7e7f82; position:relative;}
.footer .msg .tags h3::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:0 7px 10px 7px; border-color:transparent transparent #c9c9c9 transparent; position:absolute; right:10px; top:0; bottom:0;}
.footer .msg .tags .meg { display:none; width:100%; border:1px solid #7e7f82; border-bottom:none; box-sizing:border-box; background:#0e121b; position:absolute; left:0; bottom:32px;}
.footer .msg .tags .meg a { display:block; line-height:35px; font-size:14px; color:#c1c9da; border-bottom:1px solid #293347; -webkit-transition:all .5s ease; transition:all .5s ease;}
.footer .msg .tags:hover .meg { display:block;}
.footer .msg .tags:hover .meg a:hover { background:#293347;}
.footer .msg .img { float:left; width:95px; text-align:center; margin-left:50px;}
.footer .msg .img img { display:block; width:85px; height:85px; padding:5px; background:#fff;}
.footer .msg .img p { line-height:30px; color:#c1c9da;}
.footer .copy { width:100%; line-height:35px; font-size:16px; color:#c1c9da;}
.footer .copy a { color:#c1c9da;}
.footer .copy span { display:inline-block; cursor:pointer; position:relative;}
.footer .copy span i { display:block; font-style:normal;}
.footer .copy span img { display:none; width:120px; height:120px; border:5px solid #fff; border-radius:4px; background:#fff; overflow:hidden; position:absolute; right:0;}
.footer .copy span:hover img { display:block; bottom:30px;}
.footer .sitecode { width:100px; margin:0 auto; text-align:center;}
.footer .sitecode a { display:block; width:100%;}
.footer .sitecode img { display:block; margin:0 auto;}

/*右侧客服*/
.webonline { width:80px; margin:auto; background:#046dc2; position:fixed; right:0; bottom:10%; z-index:99999999999;}
.webonline li { width:100%; padding:15px 0; text-align:center; border-top:1px solid #1688e4; position:relative;}
.webonline li:first-child { border-top:none;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; height:30px; line-height:30px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; margin:0 auto;}
.webonline li .ontop p { line-height:20px; font-size:12px; color:#fff;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#329cf2; position:absolute; right:90px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #329cf2; line-height:0px; _border-color:#000 #000 #000 #329cf2; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover { background:#329cf2;}
.webonline li:hover .onlft { display:block;}

/**栏目标题**/
.tit { width:100%; text-align:center; margin-bottom:25px;}
.tit p { line-height:30px; font-weight:100; font-size:26px; color:#1f1f1f; text-transform:Uppercase; letter-spacing:-2px;}
.tit h3 { line-height:35px; font-weight:500; font-size:26px; color:#3c3c3c; letter-spacing:2px;} 

/*机型介绍*/
.prods { width:100%; padding:40px 0; overflow:hidden; background:#e7e6e6;}
.prods li { float:left; width:calc(100% / 3); text-align:center; overflow:hidden; position:relative;}
.prods li a { display:block; width:100%;}
.prods li h4 { display:block; width:162px; height:82px; font-size:22px; color:#262626; margin:auto; padding:140px 15px 0 15px; background:url(../images/sz_04.png) no-repeat 0 0; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods li img { display:block; width:100%;}
.prods li .msg { width:70%; height:210px; color:#fff; padding:30px 15%; background:rgba(50,156,242,0.78); position:absolute; left:0; bottom:-270px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods li .msg h2 { line-height:35px; font-size:22px;}
.prods li .msg p { line-height:30px; font-size:16px; margin:10px auto 25px auto; letter-spacing:1px;}
.prods li .msg i { display:block; width:35px; height:35px; margin:0 auto; border:1px solid #fff; border-radius:50%; position:relative;}
.prods li .msg i::before,.prods li .msg i::after { display:block; content:""; margin:auto; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0;}
.prods li .msg i::before { width:20px; height:1px;}
.prods li .msg i::after { width:1px; height:20px;}
.prods li:hover h4 { filter:alpha(opacity=0); opacity:0;}
.prods li:hover .msg { bottom:0;}
.prods .more { display:block; width:120px; height:30px; line-height:30px; font-size:14px; color:#329cf2; text-align:center; margin:45px auto 10px auto; border:1px solid #329cf2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prods .more:hover { color:#fff; border-radius:20px; background:#329cf2;}

/*新闻中心*/
.news { width:100%; padding:40px 0; overflow:hidden; background:#fdfdfd url(../images/sz_05.jpg) no-repeat center bottom; position:relative;}
.news .warp { width:1386px;}
.news .tile { width:170px; margin:0 auto; position:absolute; left:0; right:0;}
.news .tile::before,.news .tile::after { display:block; content:""; width:1px; margin:auto; background:#eee; position:absolute; left:0; right:0; z-index:2;}
.news .tile::before { height:330px; top:15px;}
.news .tile::after { height:180px; top:455px;}
.news .tile h3 { width:170px; height:115px; font-weight:500; font-size:24px; color:#000; text-align:center; padding-top:55px; margin-top:320px; border:1px solid #c0c0c0; border-radius:50%;}
.news .tile h3 span { display:block; font-weight:100; font-size:20px; color:#3f3f3f;}
.news .tile a { display:block; width:25px; height:60px; font-size:14px; color:#329cf2; text-align:center; padding:0 20px; margin:auto; position:absolute; left:0; right:0; top:650px; z-index:2;}
.news li { float:left; width:455px; height:220px; padding:25px; margin:65px 93px; border:1px solid #dcdcdc; background:#f3f3f3; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li a { display:block; width:100%;}
.news li .img { float:left; width:220px; height:220px; overflow:hidden;}
.news li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .msg { float:right; width:215px; line-height:22px;}
.news li .msg h3 { font-weight:500; font-size:14px; color:#000;}
.news li .msg p { font-size:13px; color:#666; margin:10px 0 20px 0;}
.news li .msg i { display:block; width:153px; height:38px; line-height:38px; font-style:normal; font-size:14px; color:#329cf2; text-align:center; background:url(../images/sz_05.png) no-repeat 0 0;}
.news li .msg span { display:block; text-align:right; font-size:14px; color:#838383; margin-top:20px;}
.news li .msg span b { font-weight:500; font-size:26px; color:#4a4a4a; margin-right:15px;}
.news li:hover { background:#fff;}
.news li:hover .img img { transform:scale(1.1,1.1);}

/*业务介绍*/
.busines { width:100%; padding:40px 0; overflow:hidden;}
.busines li { float:left; width:calc(100% / 4); text-align:center; overflow:hidden; position:relative;}
.busines li a { display:block; width:100%; height:100%; position:relative;}
.busines li a::after { display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.2); position:absolute; left:0; top:0; z-index:1;  -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li .msg { width:50%; max-width:180px; height:230px; color:#fff; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.busines li .msg i { display:block; width:105px; height:105px; padding:10px; margin:0 auto; border:1px solid #fff; border-radius:50%; background-position:center; background-repeat:no-repeat;}
.busines .bus1 .msg i { background-image:url(../images/sz_07.png);}
.busines .bus2 .msg i { background-image:url(../images/sz_08.png);}
.busines .bus3 .msg i { background-image:url(../images/sz_09.png);}
.busines .bus4 .msg i { background-image:url(../images/sz_10.png);}
.busines li .msg h3 { line-height:35px; font-weight:500; font-size:24px; margin-top:40px;}
.busines li .msg p { line-height:25px; font-size:12px; text-transform:Uppercase;}
.busines li .img { width:100%; overflow:hidden;}
.busines li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busines li:hover a::after { background:rgba(0,0,0,0.8);}
.busines li:hover .img img { transform:scale(1.1,1.1);}

/*关于我们*/
.about { width:100%; padding:40px 0; overflow:hidden;}
.about .lft { float:left; width:730px;}
.about .lft .tits { padding-left:40px; background:url(../images/sz_11.png) no-repeat left 8px;}
.about .lft .tits p { font-weight:100; font-size:34px; color:#329cf2; text-transform:Uppercase;}
.about .lft .tits h3 { font-weight:500; font-size:24px; color:#000; letter-spacing:4px; position:relative;}
.about .lft .tits h3::after { display:block; content:""; width:25px; height:1px; margin:auto; background:#333; position:absolute; left:125px; top:0; bottom:0;}
.about .lft .msg { line-height:35px; padding-left:40px; margin:45px auto 55px auto;}
.about .lft .msg p { font-size:14px; color:#757575; margin-bottom:10px; letter-spacing:2px;}
.about .lft .msg a { display:inline-block; font-size:14px;}
.about .lft li { float:left; width:calc(100% / 3); text-align:center; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .lft li::after { display:block; content:""; width:1px; height:60px; background:#ddd; position:absolute; left:0; top:40px;}
.about .lft li:first-child::after { display:none;}
.about .lft li a { display:block; width:100%;}
.about .lft li img { display:block; width:55px; height:55px; margin:0 auto;}
.about .lft li p { line-height:25px; font-size:14px; color:#999; margin-top:5px;}
.about .lft li:hover { margin-top:-15px;}
.about .rgt { float:right; width:290px; padding-top:20px; position:relative;}
.about .rgt::after { display:block; content:""; width:295px; height:410px; background:#f7f7f7; position:absolute; left:-20px; top:0; z-index:1;}
.about .rgt .img { width:290px; height:370px; overflow:hidden; position:relative; z-index:2;}
.about .rgt .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .rgt .msg { padding:25px 45px; background:#329cf2 url(../images/sz_15.png) no-repeat 210px center; position:relative; z-index:2;}
.about .rgt .msg h3 { line-height:30px; font-size:20px; color:#000; text-transform:Uppercase;}
.about .rgt .msg p { font-size:16px; color:#000; position:relative;}
.about .rgt .msg p::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#333; position:absolute; left:75px; top:0; bottom:0;}
.about .rgt:hover .img img { transform:scale(1.1,1.1);}

/************综合页面banner***************/
.zhbanner { width:100%; margin:0 auto; height:840px; background-position:center top; background-repeat:no-repeat; background-size:cover; position:relative;}
.zhbanner .msg { width:100%; height:200px; text-align:center; margin:auto; position:absolute; top:30%; right:0; left:0;}
.zhbanner .msg h3 { line-height:80px; font-size:45px; color:rgba(255,255,255,0.6); text-transform:Uppercase;}
.zhbanner .msg h1 { line-height:60px; font-size:40px; color:#fff; padding-bottom:25px; margin-bottom:15px; letter-spacing:4px; position:relative;}
.zhbanner .msg h1::after { display:block; content:""; width:55px; height:3px; margin:auto; background:#329cf2; position:absolute; left:0; right:0; bottom:0px;}
.zhbanner .msg p { line-height:30px; font-size:20px; color:#329cf2; letter-spacing:2px;}

/***********新闻综合页*************/
.biao { width:100%; text-align:center; letter-spacing:2px; margin-bottom:65px;}
.biao h3 { line-height:50px; font-weight:500; font-size:40px; color:#000;}
.biao p { line-height:30px; font-size:18px; color:#747474; text-transform:Uppercase;}

/*公司新闻*/
.compnews { width:100%; padding:50px 0; overflow:hidden; background:url(../images/sz_17.jpg) no-repeat center top;}
.compnews .lftimg { float:left; width:455px; height:455px; overflow:hidden;}
.compnews .lftimg a { display:block; width:100%; position:relative;}
.compnews .lftimg img { display:block; width:455px; height:455px;}
.compnews .lftimg p { width:90%; height:45px; line-height:45px; font-size:16px; color:#fff; padding:0 5%; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; z-index:2;}
.compnews .rgt { float:right; width:640px;}
.compnews .rgt li { height:100px; padding:20px 35px 20px 90px; margin-bottom:20px; background:rgba(255,255,255,0.85); position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.compnews .rgt li a { display:block; width:100%;}
.compnews .rgt li .time { width:100px; height:80px; line-height:35px; font-size:16px; color:#fff; text-align:center; margin:auto; padding-top:20px; background:#329cf2; position:absolute; left:-45px; top:0; bottom:0;}
.compnews .rgt li .time b { display:block; font-size:36px;}
.compnews .rgt li .msg { width:100%;}
.compnews .rgt li .msg h3 { line-height:40px; font-weight:500; font-size:16px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.compnews .rgt li .msg p { line-height:30px; font-size:14px; color:#666;}
.compnews .rgt li:hover { background:#fff;}
.compnews .more { display:block; width:155px; height:40px; line-height:40px; font-size:14px; color:#333; text-align:center; margin:40px auto; border:1px solid #ababab; -webkit-transition:all .5s ease; transition:all .5s ease;}
.compnews .more:hover { color:#fff; border-color:#329cf2; border-radius:20px; background:#329cf2;}

/*党建专栏*/
.dangjian { width:100%; height:730px; padding:60px 0; overflow:hidden; background:url(../images/sz_18.jpg) no-repeat center top;}
.dangjian .lft { float:left; width:230px; margin-top:260px;}
.dangjian .lft .biao { text-align:left; margin-bottom:0;}
.dangjian .lft .biao h3 { margin-bottom:10px;}
.dangjian .lft .biao p { line-height:25px;}
.dangjian .lft h4 { line-height:40px; font-weight:500; font-size:24px; color:#333; margin:15px 0 60px 0;}
.dangjian .lft a { display:block; width:150px; height:45px; line-height:45px; font-size:14px; color:#000; text-align:center; background:#329cf2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.dangjian .lft a:hover { color:#fff; border-radius:25px;}
.dangjian .rgt { float:right; width:820px;}
.dangjian .rgt li { padding:25px 60px 30px 60px; margin-bottom:15px; background:rgba(255,255,255,0.5); -webkit-transition:all .5s ease; transition:all .5s ease;}
.dangjian .rgt li h3 { float:left; max-width:80%; line-height:40px; font-weight:500; font-size:20px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dangjian .rgt li span { float:right; line-height:40px; font-size:14px; color:#000;}
.dangjian .rgt li p { clear:both; font-size:16px; color:#666; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dangjian .rgt li:hover { background:#339bf0;}
.dangjian .rgt li:hover h3,.dangjian .rgt li:hover span,.dangjian .rgt li:hover p { color:#fff;}

/*君子文化*/
.junzi { width:100%; height:725px; padding:60px 0; overflow:hidden; background:url(../images/sz_19.jpg) no-repeat center top;}
.junzi .biao h3 { color:#329cf2;}
.junzi .biao p { color:#b0b0b0;}
.junzi li { float:left; width:380px; margin:0 10px;}
.junzi li a { display:block; width:100%;}
.junzi li .img { width:380px; height:260px; overflow:hidden;}
.junzi li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.junzi li .msg { padding:15px 25px 40px 25px; background:#fff;}
.junzi li .msg span { display:block; height:28px; line-height:28px; font-size:14px; color:#666; padding-left:30px; background:url(../images/sz_20.png) no-repeat left center;}
.junzi li .msg h3 { line-height:55px; font-weight:500; font-size:18px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.junzi li .msg p { line-height:30px; font-size:14px; color:#666;}
.junzi li:hover .img img { transform:scale(1.1,1.1);}

/*活动展示*/
.showhd { width:100%; height:740px; padding:60px 0; overflow:hidden; background:url(../images/sz_21.jpg) no-repeat center top;}
.showhd .biao h3,.showhd .biao p { color:#fff;}
.showhd li { float:left; width:calc(50% - 10px); padding:30px; margin:0 5px 45px 5px; box-sizing:border-box; background:rgba(255,255,255,0.1); -webkit-transition:all .5s ease; transition:all .5s ease;}
.showhd li a { display:block; width:100%;}
.showhd li span { display:block; width:145px; height:45px; line-height:45px; font-size:14px; color:#333; text-align:center; background:#fff;}
.showhd li h3 { line-height:40px; font-size:18px; color:#fff; margin:20px auto 10px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.showhd li p { line-height:30px; font-size:14px; color:#fff;}
.showhd li:hover { background:#329cf2;}

/*媒体报道*/
.media { width:100%; height:655px; padding:100px 0; overflow:hidden; background:url(../images/sz_22.jpg) no-repeat center top;}
.media .biao { margin-bottom:90px;}
.media li { float:left; width:390px; height:180px; padding:25px 20px 5px 20px; margin:0 5px 55px 5px; box-sizing:border-box; background:#fff;}
.media li a { display:block; width:100%;}
.media li .time { float:left; width:60px; font-size:14px; color:#333; text-align:center; padding-right:10px; border-right:1px solid #eee; -webkit-transition:all 1.5s ease; transition:all 1.5s ease;}
.media li .time b { display:block; line-height:40px; font-size:50px; color:#000; margin-bottom:10px;}
.media li .msg { float:right; width:265px;}
.media li .msg h3 { line-height:30px; font-weight:500; font-size:18px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.media li .msg p { height:65px; line-height:22px; font-size:12px; color:#666; margin-bottom:15px;}
.media li i { display:block; padding:0 10px; line-height:35px; font-style:normal; font-size:12px; color:#666; border-top:1px solid #eee; background:url(../images/sz_23.png) no-repeat 310px center; -webkit-transition:all 1.5s ease; transition:all 1.5s ease;}
.media li:hover { background:#329cf2;}
.media li:hover .time,.media li:hover .time b,.media li:hover .msg h3,.media li:hover .msg p,.media li:hover i { color:#fff;}
.media li:hover .time,.media li:hover i { border-color:#63b5f7;}

/**********机型介绍综合页**********/
.prodlst { width:100%; min-width:1200px; position:relative;}
.prodlst .msg { width:350px; height:720px; padding:230px 35px 0 35px; background:rgba(50,156,242,0.95); position:absolute; top:0; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease; filter:alpha(opacity=20); opacity:0.2;}
.prodlst .msg p { line-height:50px; font-size:18px; color:#fff; text-indent:2em;}
.prodlst .msg a { display:block; width:75px; font-weight:bold; font-size:14px; color:#fff; line-height:35px; text-decoration:underline; margin:50px auto;}
.prodlst .msg > div { float:left; width:50px; height:50px; margin:40px 0 0 85px; cursor:pointer; border-radius:50%; background:#fff; position:relative;}
.prodlst .msg .swiper-button-prev1::after,.prodlst .msg .swiper-button-prev2::after,.prodlst .msg .swiper-button-prev3::after,.prodlst .msg .swiper-button-next1::after,.prodlst .msg .swiper-button-next2::after,.prodlst .msg .swiper-button-next3::after { display:block; content:""; width:15px; height:15px; margin:auto; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; top:0; bottom:0;}
.prodlst .msg .swiper-button-prev1::after,.prodlst .msg .swiper-button-prev2::after,.prodlst .msg .swiper-button-prev3::after { border-left:1px solid #329cf2; border-bottom:1px solid #329cf2; left:20px;}
.prodlst .msg .swiper-button-next1::after,.prodlst .msg .swiper-button-next2::after,.prodlst .msg .swiper-button-next3::after { border-top:1px solid #329cf2; border-right:1px solid #329cf2; right:20px;}
.prodlst .swiper-slide { width:100%; height:950px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; background-size:auto 100%;}
.prodlst:nth-child(2n-1) .msg { left:15%;}
.prodlst:nth-child(2n) .msg { right:15%;}
.prodlst:hover .msg { filter:alpha(opacity=100); opacity:1;}

/**********业务介绍综合页**********/
.piclst { width:100%;}
.piclst li { width:100%; height:690px; padding-top:160px; background:url(../images/sz_24.jpg) no-repeat center top;}
.piclst li:nth-child(2n) { background-image:url(../images/sz_25.jpg);}
.piclst li .lft { width:310px; padding-top:40px;}
.piclst li .lft h3 { line-height:50px; font-weight:500; font-size:30px; color:#329cf2;}
.piclst li .lft p { font-size:14px; color:#000; text-transform:Uppercase; letter-spacing:2px;}
.piclst li .lft .msg { line-height:35px; font-size:16px; color:#333; margin:30px auto 60px auto; letter-spacing:0.5px;}
.piclst li .lft a { display:block; width:150px; height:45px; line-height:45px; font-size:14px; color:#fff; text-align:center; background:#329cf2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclst li .lft a:hover { border-radius:25px;}
.piclst li .img { width:820px; height:480px; overflow:hidden; position:relative;}
.piclst li .img::after { display:block; content:""; width:755px; height:425px; background:#329cf2; position:absolute; top:0; z-index:1;}
.piclst li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative; z-index:2;}
.piclst li .img:hover img { transform:scale(0.98,0.98);}
.piclst li:nth-child(2n-1) .lft { float:left;}
.piclst li:nth-child(2n-1) .img { float:right; padding:10px 0 0 10px;}
.piclst li:nth-child(2n-1) .img::after { left:0;}
.piclst li:nth-child(2n) .lft { float:right;}
.piclst li:nth-child(2n) .img { float:left; padding:10px 10px 0 0;}
.piclst li:nth-child(2n) .img::after { right:0;}

/**********关于我们综合页**********/
.abut01 { width:100%; height:790px; padding-top:160px; overflow:hidden; background:url(../images/sz_26.jpg) no-repeat center top;}
.abut01 .rgt { float:right; width:460px; text-align:right;}
.abut01 .rgt h1 { line-height:40px; font-weight:500; font-size:32px; color:#000; letter-spacing:1px;}
.abut01 .rgt h3 { line-height:35px; font-weight:500; font-size:24px; color:#000; letter-spacing:2px;}
.abut01 .rgt .msg { line-height:35px; font-size:16px; color:#333; text-align:justify; text-indent:2em; margin-top:25px;}

.abut02 { width:100%; height:825px; padding:60px 0; text-align:center; background:url(../images/sz_27.jpg) no-repeat center top;}
.abut02 h3 { line-height:60px; font-size:40px; color:#000;}
.abut02 p { font-size:20px; color:#329cf2; text-transform:Uppercase;}
.abut02 img { display:block; max-width:100%; margin:60px auto 0 auto;}
.abut02 a { display:block; width:150px; height:50px; line-height:50px; font-size:16px; color:#329cf2; text-align:center; margin:60px auto 0 auto; border:1px solid #329cf2; border-radius:30px;}
.abut02 a:hover { color:#fff; background:#329cf2;}

.abut03 { width:100%; height:820px; padding:60px 0; text-align:center; background:url(../images/sz_28.jpg) no-repeat center top;}
.abut03 h3 { line-height:60px; font-size:40px; color:#fff;}
.abut03 p { font-size:20px; color:#fff; text-transform:Uppercase;}
.abut03 .swiper-slide { width:380px; height:510px; padding:35px 15px; margin-top:80px; box-sizing:border-box; background:#329cf2;}
.abut03 .swiper-slide .msg { padding:20px; border-radius:15px; background:#61b7fd;}
.abut03 .swiper-slide .msg h4 { line-height:30px; font-weight:500; font-size:24px; color:#fff; padding-bottom:15px; border-bottom:1px solid #84c7fd;}
.abut03 .swiper-slide .msg .nr { height:120px; margin-top:15px; line-height:30px; text-align:justify; text-indent:2em; overflow:hidden;}
.abut03 .swiper-slide .msg .nr p { font-size:16px; color:#fff; text-align:justify; text-indent:2em;}
.abut03 .swiper-slide a { display:block; width:165px; height:45px; line-height:45px; font-size:16px; color:#a9d7fc; margin:25px auto 0 auto; background:#1a92f4; -webkit-transition:all .5s ease; transition:all .5s ease;}
.abut03 .swiper-slide a:hover { color:#1a92f4; border-radius:25px; background:#fff;}

.abut04 { width:100%; height:330px; padding-top:110px; background:url(../images/sz_29.jpg) no-repeat center top;}
.abut04 .msg { width:470px; height:215px; padding:25px 30px; background:#fff;}
.abut04 .msg h3 { font-size:40px; letter-spacing:4px; margin-bottom:15px;}
.abut04 .msg p { line-height:30px; font-size:16px; color:#7b7b7b; margin-bottom:5px;}

/*************** 子页公用 *******************/
.fl { float:left;}
.fr { float:right;}
.content { width:1200px; margin:20px auto; min-height:400px;}
.showcont { width:1200px; margin:20px auto; padding:30px; border:1px solid #f2f2f2; border-radius:4px; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,0.05); overflow:hidden; background:#fff;}

.catnav { width:1200px; text-align:center; margin:-40px auto 0 auto; padding:20px 0; border:1px solid #f2f2f2; border-radius:4px; box-shadow:0 1px 5px rgba(0,0,0,0.05); overflow:hidden; background:#fff; position:relative; z-index:2;}
.catnav li { display:inline-block; height:40px; line-height:40px; margin-right:40px; position:relative;}
.catnav li::after { display:block; content:""; width:5px; height:5px; margin:auto; border-radius:50%; background:#ddd; position:absolute; left:-20px; top:0; bottom:0;}
.catnav li:first-child::after { display:none;}
.catnav li a { display:block; font-size:18px; color:#333; padding:0 25px;}
.catnav li:hover a,.catnav .on a { color:#329cf2;}
.catnav .on a { font-weight:bold;}

/*详情页公用*/
.lh { min-height:300px; font-size:14px; line-height:35px; color:#333; text-align:justify;}
.lh img { max-width:100%; height:auto !important;}
.show_h3 { width:100%; line-height:40px; text-align:center; margin-bottom:30px; border-bottom:1px solid #f2f2f2;}
.show_h3 h3 { font-size:26px; color:#333;}
.show_h3 p { font-size:12px; color:#999; margin-bottom:10px;}
.show_sxp { font-size:14px; line-height:25px; color:#999; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.show_sxp p span { display:inline-block; font-size:12px; margin-right:10px;}
.show_sxp a { color:#999;}
.show_sxp .fr { text-align:right;}
.show_sxp p a:hover { color:#b7262c;}
.serchms { font-size:20px; line-height:60px; color:#333; text-align:center;}

/*分页*/
.scott { text-align:center; letter-spacing:2px; overflow:hidden;}
.scott li { display:inline-block; line-height:35px; margin:0 5px; padding:30px 0;}
.scott a,.scott span { display:block; font-size:16px; color:#329cf2; padding:0 15px; cursor:pointer; border:1px solid #329cf2;}
.scott li:hover a,.scott li:hover span,.scott .active span { color:#fff; background:#329cf2;}

/*图片列表*/
.imglist { width:100%;}
.imglist li { margin-bottom:25px;}
.imglist li a { display:block; width:100%;}
.imglist li .img { width:700px; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.imglist li .msg { width:480px; height:360px; padding:60px 80px; border:1px solid #f4f4f4; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.imglist li .msg h3 { line-height:35px; font-size:26px; color:#333;}
.imglist li .msg p { line-height:30px; font-size:14px; color:#666; margin:30px 0;}
.imglist li .msg span { display:block; font-size:14px; color:#333; text-transform:Uppercase;}


.imglist li:hover .img {}
.imglist li:hover .msg { background:#329cf2;}
.imglist li:hover .msg h3,.imglist li:hover .msg p,.imglist li:hover .msg span { color:#fff;}
.imglist li:nth-child(2n-1) .img { float:left;}
.imglist li:nth-child(2n-1) .msg { float:right;}
.imglist li:nth-child(2n) .img { float:right;}
.imglist li:nth-child(2n) .msg { float:left;}


/*新闻列表*/
.newlist { width:100%; min-height:500px;}
.newlist li { width:100%; padding:30px; margin-bottom:20px; border:1px solid #f2f2f2; border-radius:4px; box-sizing:border-box; background:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.05); -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li a { display:block; width:100%;}
.newlist li .img { float:left; width:240px; height:240px; overflow:hidden; background:#999;}
.newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg { float:right; width:870px;}
.newlist li .msg h3 { font-size:20px; color:#333; font-weight:500; line-height:30px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li .msg span { display:block; font-size:14px; color:#999; margin:15px 0;}
.newlist li .msg p { height:50px; line-height:30px; font-size:14px; color:#666;}
.newlist li .msg i { display:block; width:120px; line-height:35px; font-size:12px; color:#000; font-style:normal; text-align:center; margin-top:50px; border:1px solid #ddd; background:#fafafa; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newlist li:hover { border-color:#d7edff; box-shadow:0 1px 15px rgba(50,156,242,0.2);}
.newlist li:hover h3 { color:#329cf2;}
.newlist li:hover .img img { transform:scale(1.1,1.1);}
.newlist li:hover i { color:#fff; border-color:#329cf2; border-radius:20px; background:#329cf2;}

/*招聘列表*/
.n_job { width:100%;}
.n_job h2 { line-height:35px; font-size:18px; color:#333; margin-bottom:30px; position:relative;}
.n_job h2::after { display:block; content:"join us"; line-height:120px; font-size:96px; color:#f4f4f4; text-transform:Uppercase; margin:auto; position:absolute; top:0; bottom:0; right:0;}
.n_job th { line-height:60px; font-weight:500; font-size:18px; color:#fff; background:#329cf2;}
.n_job td { line-height:45px; font-size:14px; color:#333; text-align:center; border-bottom:1px solid #e7f4fe; background:#f4faff;}
.n_job .afold { display:block; width:23px; height:23px; margin:0 auto; background:url(../images/jb01.png) no-repeat 0 0;}
.n_job .show_box { display:none;}
.n_job .show_box .cont { text-align:left; border-left:1px solid #e7f4fe; border-right:1px solid #e7f4fe; padding:30px; background:#fff;}
.n_job .show_box .cont p { line-height:30px; font-size:14px; color:#999;}
.n_job .show_box .cont p b { line-height:30px; font-size:15px; color:#333;}
.n_job .on .afold { background-image:url(../images/jb02.png);}
.n_job .un { margin-top:30px; line-height:30px; font-size:16px;}
.n_job .un span,.n_job .un a { font-weight:bold; font-size:20px; color:#329cf2;}

/*各单页通用样式*/
.nrbiaoti { line-height:40px; font-size:30px; color:#000; margin-bottom:20px; position:relative;}
.nrbiaoti::after { display:block; content:""; width:130px; height:10px; background-image:linear-gradient(to right,rgba(50,156,242,1),rgba(50,156,242,0)); position:absolute; left:0; bottom:4px; z-index:0;}
.nrbiaoti strong { position:relative; z-index:1;}
.nrwenzi { font-size:20px; color:#000; padding-left:20px; margin:10px 0 15px 0; position:relative;}
.nrwenzi::after { display:block; content:""; width:10px; height:10px; border-radius:50%; background:#000; position:absolute; left:0; top:14px;}
.ylgx407 { display:block; width:290px; height:210px; font-size:16px; color:#fff; padding:40px; background:rgba(50,156,242,0.9); position:absolute; right:40px; bottom:140px;}